body{
    width: 100%;
    height: 100%;
    background: #fff;
}
header{
    width: 100%;
    height: 1.6rem;
    display: flex;
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 999;
    background: rgb(238, 238, 238);
}

header>a>img {
    width: 18px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 25px;
    /* outline: 1px solid red; */
}
.search{
    width: 75%;
    height: .9333rem;
    /* outline: 1px solid red; */
    position: relative;
    top: 15px;
    left: 70px;
    background: #fff;
    border-radius: 3px;
    bottom: 0px;

}
.search>span{
    display: inline-block;
    width: 21px;
    height: 19px;
    background: no-repeat url(../../img/4商品列表/4_03.png);
    background-size: 21px auto;
    margin-left: 20px;
    margin-top: 5px;
}
.search>input{
    border: none;
    outline:none;
    width:200px;
    height: 21px;
    padding-left:10px ;
}
.search>input::-webkit-input-placeholder{
    font-size:19px;
    color: rgb(198, 198, 198);
}

/* 筛选 */
section{
    width: 100%;
    height: 1.8667rem;
    background: #fff;
    position: relative;
    top: 60px;
}
.shaixuan{
    width: 100%;
    height: 1.0667rem;
    /* outline: 1px solid red; */
    position: relative;
    top: 20px;
    

}
.shaixuan_ul{
    width: 100%;
    height: .6rem;
    display: flex;
    
}
.shaixuan_ul>li{
    width: calc(100% / 4);
    height: .6rem;
    border-right: 1px solid rgb(198, 198, 198);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 5px;
}
.shaixuan_ul>li>img{
    width: 20px;
    height: .32rem;
    margin-left: 5px;
}
.shaixuan_ul>li:nth-of-type(2){
    margin-left: -7px;
}
.shaixuan_ul>li:nth-of-type(3){
    margin-left: -7px;
}
.shaixuan_ul>li:nth-of-type(4){
    border-right: 1px solid transparent;

    margin-left: 11px;
}
.shaixuan_ul>li:nth-of-type(3)>img{
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
.shaixuan_ul>li:nth-of-type(4)>img{
    width: 20px;
    height: 23px;
    margin-right: 5px;
}

/* 商品 */
.shangpin{
    position: relative;
    top: 60px;
    background: #fff;
    width: 90%;
    left: 5%;
    height:100%;
    
}
.shangpin_ul{
    width: 100%;
    height: 14rem;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.shangpin_ul>li{
    width: 100%;
    /* height: 5rem; */
    margin-top: 10px;
    height: calc(100% / 4);
    display: flex;
    
}
.shangpin_ul>li>img{
    width: 30%;
    height: 2.8rem;
}
.sp_text{
   
    margin-left: 0.25rem;
    width: 70%;
    height: 2.8rem;
    display: flex;
    flex-direction: column;
}
.sp_text>span:nth-of-type(2){
    color: rgb(229, 128, 76);
}
.sp_text>span:nth-of-type(3){
    color: rgb(160, 160, 160);
    font-size: .35rem;
}
.sp_text>span:nth-of-type(4){
    color: rgb(186, 186, 186);
    font-size: .31rem;
    margin-top: 5px;
    font-weight: lighter;
}
.sp_text>span:nth-of-type(4)>span:nth-of-type(2){
    margin-left: .5rem;
}
.button1{
    position: absolute;
    width: 1.8rem;
    height: .65rem;
    right: 0px;
    top:2.2rem;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-weight: lighter;
    background: rgb(230, 120, 23);
    z-index: 1000;
}
.button1>a{
    color: #fff;
}
.button2>a{
    color: #fff;
}
.button3>a{
    color: #fff;
}
.button4>a{
    color: #fff;
}
.button2{
    position: absolute;
    width: 1.8rem;
    height: .65rem;
    right: 0px;
    top:5.7rem;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-weight: lighter;
    background: rgb(230, 120, 23);
    z-index: 1000;
}
.button3{
    position: absolute;
    width: 1.8rem;
    height: .65rem;
    right: 0px;
    top:9.2rem;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-weight: lighter;
    background: rgb(230, 120, 23);
    z-index: 1000;
}
.button4{
    position: absolute;
    width: 1.8rem;
    height: .65rem;
    right: 0px;
    top:12.7rem;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-weight: lighter;
    background: rgb(230, 120, 23);
    z-index: 1000;
}

.dingbu{
    position: fixed;
    width: 1.2rem;
    height: 1.2rem;
    bottom: 1.5rem;
    right: .5rem;
    z-index: 10000;
}
.dingbu>img{
    width: 100%;
    height: 100%;

}



